<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="__UI__/css/bs3/dpl.css" rel="stylesheet" type="text/css" />
<link href="__UI__/css/bs3/bui.css" rel="stylesheet" type="text/css" />
<link href="__UI__/css/style.css" rel="stylesheet" type="text/css" />
<link href="__UI__/uploadify/uploadify.css" rel="stylesheet" type="text/css">
<style type="text/css">

.conWrap {
	width:90%;
	margin:0px auto;
}

.control-group .controls{
	float:none;
	margin-bottom:40px;
}

.controls .con{
	width:90%;
	margin:20px auto 20px 130px;
	height:auto;
	line-height:30px;
	word-wrap: break-word; 
	word-break: normal;
}

.controls .cons{
	width:90%;
	margin:-24px auto 20px 120px;
	height:auto;
	min-height:30px;
	line-height:30px;
	word-wrap: break-word; 
	word-break: normal;
	overflow:hidden;
	float:left;
}

#tabbox {
	width:86%;
	overflow:hidden;
	margin:0 auto;
}

.tabs {
	width: 100%;
	height: 32px;
	margin-bottom:10px;
	margin-top:20px;
}

.tabs li {
	float:left;
	height:31px;
	line-height:31px;
	border:1px solid #EAEAEA;
	border-left:none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
	border-radius:5px;
	margin:0px 5px;
}

.tabs li a {
	display: block;
	padding: 0 20px;
}

.tabs li a:hover {
	background: #ccc;
}	

.tabs .thistab,.tabs .thistab a:hover,.tabs .thistab a:active {
	background: #fff;
	border:1px solid #EAEAEA;
}

.tab_conbox {
	border: 1px solid #EAEAEA;
	height:auto;
	overflow:hidden;
}

.tab_con {
	padding:12px;
	font-size: 14px;
	line-height:175%;
}

.voice {
	margin:40px auto 20px 120px;
}

.hint h4{
	margin:10px auto;
}

.hint ul{
	width:100%;
}

.hint ul li {
	display:inline-block;
	margin:0px 10px 10px 10px;
	height:40px;
	line-height:40px;
	color:#fff;
}

</style>

<script type="text/javascript" src="__UI__/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="__UI__/js/jquery.SuperSlide.js"></script>
<script type="text/javascript" src="__UI__/voice/HZRecorder.js"></script>
<script type="text/javascript" src="__UI__/js/config.js"></script>
<script type="text/javascript" src="__UI__/js/bui.js"></script>
<script type="text/javascript" src="__UI__/js/Validform_v5.3.2_min.js"></script>

<script language="javascript">

var winID = null;
function openFullWindow(url,winname){
	var strFeatures = "left=0,screenX=0,top=0,screenY=0";  
	if (window.screen){
		var maxh = screen.availHeight-30;
		var maxw = screen.availWidth-10;
		strFeatures += ",height="+maxh;
		strFeatures += "innerHeight"+maxh;
		strFeatures += ",width="+maxw;
		strFeatures += "innerwidth"+maxw;
	}else{
		strFeatures +=",resizable"; 
	}
	winID = window.open(url,winname,strFeatures);
}

</script>
</head>
<body>

<div class="demo-content" style="margin-top:1%;">
    <div class="row" style="margin-left:10px;">
		<div style="text-align:center"><h2>{$scripts.scriptsname} - 场景演练</h2><hr></div>
        <div class="conWrap">
        	<a class="button button-primary" onClick="window.location.reload();" style="margin-bottom:20px;">刷新本页</a>
            <div class="hint">
            	<h4>操作提示</h4>
                <ul>
                    <li>1、响应提示，输入响应的文字说明</li>
                    <li>2、响应录音，点击麦克风，进入时间倒计时，进行部门响应录音，再点麦克风结束录音保存</li>
                    <li>3、点击提交总结，结束部门响应</li>
                </ul>
            </div>
        	<form id="J_Form" action="{:U('Home/Report/add')}" class="form-horizontal registerform" method="post" enctype="multipart/form-data">
                <ul class="tab_conbox" id="tab_conbox">
                    <li class="tab_con">
            			<div style="text-align:center"><h2>{:I('get.tid')}总结</h2><hr></div>
                        <div id="panel" class="" style="padding:10px;">
                            <input name="sid" id="sid" type="hidden" value="{:I('get.sid')}">
							<input name="uid" id="uid" type="hidden" value="{:I('get.uid')}">
							<input name="mid" id="mid" type="hidden" value="{:I('get.mid')}">
							<input name="pid" id="pid" type="hidden" value="{:I('get.pid')}">
                            <input name="cid" id="cid" type="hidden" value="{$cid}">
                            <input name="did" id="did" type="hidden" value="{:I('get.did')}">
                            <input name="rid" id="rid" type="hidden" value="{:I('get.rid')}">
                            <input name="department" id="tid" type="hidden" value="{:I('get.tid')}">
							<div class="control-group">
								<label class="control-label">响应提示</label>
								<div class="controls">
									<textarea name="hint" datatype="*" nullmsg="请输入响应提示！" data-tip="{text:'请输入响应提示'}" style="width:800px; height:150px; " id="add"></textarea>
								</div>
                            </div>
                            <div class="control-group" style="margin-top:40px;">
								<label class="control-label">响应录音</label>
								<div class="controls">
                                	<div id="voice"></div>
<script type="text/javascript">
	function  f_getURL(){
		var url = "{:U('Scripts/acceptfile')}";
		return url;
	}
	
	function f_getMAX(){
		return 60*60*1;
	}
	
	function f_getMIN(){
		return 1;
	}
	
	function f_complete(filename){
		$('#voice').append('<input name="voice" type="hidden" value="./Public/voice/'+filename+'">');
	}
</script>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="808" height="140" id="as_js" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="movie" value="__UI__/voice/bbsRecorder.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent">
	<param name="bgcolor" value="#cccccc" />
	<embed src="__UI__/voice/bbsRecorder.swf" vmode="transparent" quality="high" bgcolor="#cccccc" width="808" height="140" name="as-js" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
								</div>
                            </div>
<script type="text/javascript">
	$(function(){
		$(".registerform").Validform({
			tiptype:function(msg,o,cssctl){
				var objtip=$("#msgdemo2");
				cssctl(objtip,o.type);
				objtip.text(msg);
			},
			ajaxPost:true,
			callback:function(data){
				if(data.status == 'y'){
					openFullWindow('{:U("Home/Drill/index",array("id"=>$scene[id],"sid"=>I("get.sid"),"pid"=>I("get.pid"),"bid"=>"scene","nid"=>"report","tid"=>I("get.tid")))}#scripts/drill','JS')
					top.topManager.closePage();
				}
			},
		});
	});
</script>
                    	</div>
                    </li>
				</ul>
                <div class="row actions-bar">
					<div class="form-actions">
						<button type="submit" class="button button-primary" href="javascript:void(0)">提交总结</button>
						<button type="button" class="button button-primary" name="backid" id="backid">取消</button>
						<span id="msgdemo2"></span>
					</div>
				</div>
            </form>
            <a class="button button-primary" onClick="window.location.reload();" style="margin-top:20px;">刷新本页</a>

		</div>
	</div>
</div>
</body>
</html>